<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--sec：配置资源路径
    1.相对路径：访问站内资源时 使用相对路径
        a:资源和页面在用同一个目录：直接写文件名
        b:资源在页面的上级目录：../文件名
        c:资源在页面的下级目录：文件夹名/文件名
    2.绝对路径：访问站外资源时使用，又称为图片盗链，存在找不到图片的风险
    alt：当图片不能显示时显示的文本
    title：图片标题 当鼠标悬停在图片上显示的文本
    width：宽度设置，像素或百分比（上级元素）设置宽高，当只设置宽高时高度会自动等比例缩放
    height: 高度设置
    图片标签支持的格式：.jpg .
-->
<img src="123.jpg" alt="这是一个动漫图片">
<img src="../b.jpg" alt="这是一个动漫图片"title="你老婆" width="300">
<img src="abc/d.jpg" alt="这是一个动漫图片"width="50%" >
<img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png" alt=""width="200" height="200">

</body>
</html>